/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js,ts,jsx,tsx}",
    "./node_modules/flowbite/**/*.js"
  ],
  theme: {
    extend: {
      fontFamily: {
        'sans': ['YunFengHanChanTi', 'sans-serif'],
        'serif': ['YunFengHanChanTi', 'sans-serif'],
      },
      colors: {
        // Footer风格的深色主题颜色
        dark: {
          900: '#111827', // 背景色
          800: '#1f2937', // 软背景色
          700: '#374151', // 边框色
          600: '#4b5563', // 悬停边框色
          500: '#6b7280', 
          400: '#9ca3af', // 次要文字颜色
          300: '#d1d5db', // 主要文字颜色
          200: '#e5e7eb',
          100: '#f3f4f6',
        },
        // 主题色 - 与Footer中的按钮颜色一致
        primary: {
          DEFAULT: '#2563eb', // 蓝色
          secondary: '#4f46e5', // 靛蓝色
        },
      },
    },
  },
  plugins: [
    require('flowbite/plugin'),
  ],
  corePlugins: {
    // 取消 tailwindcss 的默认样式
    preflight: false
  }
}

